/**
 * Created by ren on 05/04/2017.
 */
import React, {
  Component,
  PropTypes,
} from 'react';

import {
  View,
  Text
} from 'react-native';

import Icon from 'react-native-vector-icons/Ionicons';

export default class TabIcon extends React.Component {
  render() {
    return (
      <View style={{alignItems:'center'}}>
        <Icon
          name={this.props.iconName}
          size={24}
          color={this.props.selected ? "#00A02A" :"#95989A"}
        />
        <Text style={[ {color:this.props.selected ? "#00A02A" :"#95989A"},{textAlign:'center'}]}>{this.props.tabName}</Text>
      </View>
    );
  }
}

TabIcon.propTypes = {};

TabIcon.defaultProps = {};